import React, { Component } from 'react';
import { Route, NavLink } from 'react-router-dom';

import './Demo.less';
import {List} from './List';
import {Index as Base} from './base/Index';
import {Index as Nested} from './nested/Index';
import {Index as Custom} from './custom/Index';
import {Index as CustomItem} from './custom_item/Index';




class Demo extends Component {
    render() {
        return (
            <div >
                <Route path="/" exact component={List} />
                <Route path="/base" component={Base} />
                <Route path="/nested" component={Nested} />
                <Route path="/custom" component={Custom} />
                <Route path="/custom_item" component={CustomItem} />
            </div>
        );
    }
}



export { Demo };